
$(function(){
    // load()

    //  // 读取本地存储的数据
    //  function getDate(){
    //     var data = localStorage.getItem("todolist")
    //     if(data !== null){
    //         // 本地存储里面的数据是字符串格式的，但是我们需要的是对象格式的
    //         return  JSON.parse(data);
    //     }else{
    //         return[];
    //     }
    // }

    // // 保存本地存储数据
    // function saveDate(data){
    //     localStorage.setItem("todolist", JSON.stringify(data))
    // }

    // 添加函数
    function add_main(){
        // 对内容进行操作
        var input_val = $(".shuru > input").val()
        $(".main_ex input").val(input_val);
       
        // 对时间进行操作
        var input_time = $(".shuru_new1 > input").val()
        $(".main_ex p").text(input_time);

        // 添加操作
        var main = $(".main_ex").clone(true);
        // main.css("display", "block")
        main.removeClass("main_ex")
        $(".main_wrapper").before(main);

        main.fadeIn("normal")
         // 输入框重置
        $(".shuru > input").val("")
        // 标签重置
        $(".shuru_new1").css("display", "none")
        $(".box_2_label").children("a").eq(0).css("display", "block")

        // // 本地存储操作
        //     // 先读取本地存储原来的数据
        //     var local = getDate()
        //     // 把local数组进行更新数据 把最新的数据追加给local数组
        //     local.push({title:input_val, time:input_time, done:false})
        //     // console.log(local);
        //     saveDate(local)
    }

    // 遍历数据
    // function load(){
    //     // 读取本地存储的数据
    //     var data = getDate()

    //     // 遍历这个数据
    //    $.each(data, function(i,n){
    //         // 对内容进行操作
    //         $(".main_ex input").val(n.title);
       
    //         // 对时间进行操作
    //         $(".main_ex p").text(n.time);
    
    //         // 添加操作
    //         var main = $(".main_ex").clone(true);
    //         main.removeClass("main_ex")
    //         $(".main_wrapper").before(main);
    
    //         main.fadeIn("normal")

    //         if(n.done == "true"){
    //             $(".todolist").find(".main").eq(i).find(".main_head").find(".main_head_right").siblings("input").css("display", "none")
    //             $(".todolist").find(".main").eq(i).find(".main_head").find(".main_head_right").css("width", "380")
    //             $(".todolist").find(".main").eq(i).find(".main_head").find(".main_head_right").children("i").css("color", "#86ce40")
    //         }
    //         // console.log(n.done);
            
    //    })
    // //    console.log(getDate());
    // }


// 点击box_1的操作
$(".input_box_1_dian").click(function(){
    // 隐藏box_1操作
        $(this).css("display", "none");
        // 改变box高度
        $(".input_box_1").css("height", "200")
        // 文本框获得焦点
        $(".shuru > input").focus()
})

// 点击返回键操作
$(".box_2_back").click(function(){
    // 显示box_1
    $(".input_box_1_dian").css("display", "block");
    // 改变box高度
    $(".input_box_1").css("height", "39")
    // 标签重置
    $(".shuru_new1").css("display", "none")
    $(".shuru_new2").css("display", "none")
    $(".box_2_label").children("a").eq(0).css("display", "block")
    $(".box_2_label").children("a").eq(1).css("display", "block")
    // 输入框重置
    $(".shuru > input").val("")
})

var index1 = 1;
// 对输入框标签进行操作
$(".box_2_label").children("a").eq(0).click(function(){
    var label_time = $(this).val
    $(this).css("display", "none")
    $(".shuru_new1").css("display", "block")
    index1 = 0;
    // console.log(index1)
})

 // 对点击添加进行操作
 $(".box_2_add").click(function(){
       
    if($(".shuru > input").val()==""){
        alert("您没有输入内容")
    }else if(index1 == 1){
        // 对内容进行操作
    var input_val = $(".shuru > input").val()
    $(".main_ex input").val(input_val);
   
    // 对时间进行操作
    var input_time = $(".shuru_new1 > input").val()
    $(".main_ex p").text("");

    // 添加操作
    var main = $(".main_ex").clone(true);
    // main.css("display", "block")
    main.removeClass("main_ex")
    $(".main_wrapper").before(main);

    main.fadeIn("normal")
     // 输入框重置
    $(".shuru > input").val("")
    // 标签重置
    $(".shuru_new1").css("display", "none")
    $(".box_2_label").children("a").eq(0).css("display", "block")

    // // 本地存储操作
    //     // 先读取本地存储原来的数据
    //     var local = getDate()
    //     // 把local数组进行更新数据 把最新的数据追加给local数组
    //     local.push({title:input_val, time: "", done:false})
    //     // console.log(local);
    //     saveDate(local)

        // 文本框获得焦点
        $(".shuru > input").focus()
    }else{
        
        add_main()
        
        index1 = 1;

        // 文本框获得焦点
        $(".shuru > input").focus()
    }
})


    // 设置点击完成操作
    $(".main_head_right").click(function(){
        var timer1 = $(this).siblings("input")
        if($(this).width() < 300 && $(this).siblings("input").css("display") == "inline-block"){
            $(this).siblings("input").css("display", "none")
            $(this).css("width", "380")
            $(this).children("i").css("color", "#86ce40")

            // 获取数据
            // var data = getDate()
            // 修改数据
            data[$(this).parent().parent().index() - 2].done = "true"
            console.log($(this).parent().parent().index());
            // 保存数据
            // saveDate(data)
        }else{
            $(this).css("width", "60",function(){
                
            })
            setTimeout(function(){
                timer1[0].style.display = "inline"
            }, 500)
            $(this).children("i").css("color", "#d09980")

            // 获取数据
            // var data = getDate()
            // 修改数据
            data[$(this).parent().parent().index() - 2].done = "false"
            console.log($(this).parent().parent().index());
            // 保存数据
            // saveDate(data)
        }
    })

    var arr1 = new Array();

    // 设置删除操作
    $(".main_head_la").click(function(){
        var timer2 = $(this).parent("div").parent("div")
        $(this).parent("div").parent("div").css("height", "0")
        setTimeout(function(){
            // console.log(123)
            timer2[0].style.display = "none"
        }, 500)

        // 获取数据
        // var data = getDate()
        // 修改数据
        // console.log($(this).parent
        
        
        GH().parent().index();
        data.splice($(this).parent().parent().index() - 2,1);
        // 保存数据
        // saveDate(data)
        // console.log(getDate());

    })

    // 设置查操作

    // 查找框打开关闭
    var index2 = 1;
    $(".search > a").click(function(){
        if(index2 == 0){
            $(".search").css("left", "328px")
            $(".search > input").val("")
            index2 = 1
        }else{
            $(".search").css("left", "498px")
            index2 = 0
        }   
        //   console.log($(".search").offset())
    })

    // 查找框功能
    document.addEventListener("keyup",function(e){
        if(e.key == "Enter" && $(".search > input").val() != ""){
            var check_num = $(".search > input").val()
            var list_num = $(".main_head")

            // console.log(list_num.find("input"));
            var list_arr = list_num.find("input")
            // console.log(list_arr);
            for(var i = 0; i<list_arr.length - 1; i++){
                if(list_arr[i].value.includes(check_num)){
                    $(list_arr[i]).parent(".main_head").parent(".main").fadeOut("normal",function(){
                        $(".input_box").after($(this))
                        $(this).fadeIn("normal")
                        
                        // console.log($(this));
                    })
                    console.log(i);
                }
            }
            //     if(list_num.find("input").val().includes(check_num)){
            //         console.log(0)
            // }

        }
    })

    // 设置改操作
    $(".main_head_gai").click(function(){
        // 获取本来文本框的值
        var main_text = $(this).siblings("input").val()
        var main_time = $(this).parent().siblings(".main_body").find("p").html()
        // console.log($(this).siblings("input"))
        // console.log($(this).parent().siblings(".main_body").find("p"));
        // console.log(main_text);
        // console.log(main_time);
        $(".main_check_wrapper").stop().fadeIn("normal")
        // 把值赋给更改框
        $(".main_check_head").find("input").eq(0).val(main_text)
        if(main_time == ""){
             $(".main_check_head").find("input").eq(1).val("[8:00 ~ 10:00]")
        }else{
            $(".main_check_head").find("input").eq(1).val(main_time)

        }

        // 给点击改操作的文本框添加一个类名
        $(this).parent().addClass("check_new")
    })

    // 点击更概况的添加按钮
    $(".check_add").click(function(){
        var main_text = $(".main_check_head").find("input").eq(0).val()
        var main_time = $(".main_check_head").find("input").eq(1).val()
        $(".main_check_wrapper").stop().fadeOut("normal")

        $(".check_new > input").val(main_text)
        $(".check_new").siblings(".main_body").find("p").text(main_time)
        $(".main_head").removeClass("check_new")
    })

    $(".check_back").click(function(){
        $(".main_check_wrapper").stop().fadeOut("normal")
        $(".main_head").removeClass("check_new")
    })

    // 有趣的东西
    var index3 = 1
    $(".check_img > img").click(function(){
        if(index3 == 1){
            $(this).css("width","50%")
            $(this).css("height","50%")
            $(this).css("margin-left","90px")
            $(this).css("margin-top","55px")
            index3 = 0
        }else{
            $(this).css("width","17%")
            $(this).css("height","17%")
            $(this).css("margin-left","140px")
            $(this).css("margin-top","-20px")
            index3 = 1
        }
    })

})
    





   

    

    




    

   

    